<template>
  <div class="table-title">
    <img src="@/assets/images/table-title.png" alt="" />
    <slot
      ><span>{{ title }}</span></slot
    >
  </div>
</template>

<script lang="ts" setup>
  defineProps({
    title: {
      type: String,
      default: '',
    },
  });
</script>

<script lang="ts">
  export default {
    name: 'TableTitle',
  };
</script>

<style lang="less" scoped>
  .table-title {
    display: flex;
    align-items: center;
    line-height: 27px;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    color: var(--color-text-1);
    img {
      width: 20px;
      height: 20px;
      margin-right: 8px;
    }
  }
</style>
